<!--
 * @Author: WeiJin 3413105907@qq.com
 * @Date: 2023-12-09 22:16:23
 * @LastEditors: WeiJin 3413105907@qq.com
 * @LastEditTime: 2023-12-13 13:01:56
 * @FilePath: \rpsm-user\src\views\home\NavMenu.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template> 
  <el-menu router
    default-active="2"
    class="el-menu-vertical-demo el-aside" >
    <el-submenu index="/feeInfo">
      <template slot="title">
        <i class="el-icon-bank-card"></i>
        <span>费用信息</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="/feeInfo/basisFee">计费标准</el-menu-item>
        <el-menu-item index="/feeInfo/paymentDetails">缴费明细</el-menu-item>
        <el-menu-item index="/feeInfo/myUnpaiedInfo">我的欠费</el-menu-item>
      </el-menu-item-group>
    </el-submenu>
    <!-- <el-menu-item index="/personalInfo">
      <template slot="title">
        <i class="el-icon-s-custom"></i>
        <span>我的信息</span>
      </template>
    </el-menu-item> -->
    <el-submenu index="/blog">
      <template slot="title">
        <i class="el-icon-menu"></i>
        <span>社区论坛</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="/blog/message">论坛广场</el-menu-item>
        <el-menu-item index="/blog/personalCenter">个人中心</el-menu-item>
        <el-menu-item index="/blog/myMessage">我的帖子</el-menu-item>
        <el-menu-item index="/blog/myAttention">我的关注</el-menu-item>
        <!-- <el-menu-item index="/feeInfo/myUnpaiedInfo">我的欠费</el-menu-item> -->
      </el-menu-item-group>
    </el-submenu>
    <!-- <el-menu-item index="/blog/message">
      <i class="el-icon-menu"></i>
      <span slot="title">社区论坛</span>
    </el-menu-item> -->
    <el-menu-item index="" @click="logout">
      <i class="el-icon-price-tag"></i>
      <span slot="title">退出</span>
    </el-menu-item>
  </el-menu>
      
</template>

<style scoped>
   .el-aside[data-v-3dd2e005]{
    /*border: none;*/
    height: 100%;
   }
    .el-aside::-webkit-scrollbar {
        display: none;
      }
</style>

<script>
export default {
    name:'NavMenu',
    methods: {
      logout(){
        if(confirm("确认退出？")){
          sessionStorage.clear()
          this.$router.push("/")
        }
        
      }
    }
}
</script>